/**
 * Button Group for KISSY from bootstrap.
 * @author yiminghe@gmail.com
 */
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Snippets of reusable CSS to develop faster and keep code readable from KISSY and Bootstrap.
*
* @author yiminghe@gmail.com
*/
.ks-button-group {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}
.ks-button-group:before,
.ks-button-group:after {
  display: table;
  content: "";
}
.ks-button-group:after {
  clear: both;
}
.ks-button-group:first-child {
  *margin-left: 0;
}
.ks-button-group + .ks-button-group {
  margin-left: 5px;
}
.ks-button-group .ks-button {
  position: relative;
  float: left;
  margin-left: -1px;
  border-radius: 0;
}
.ks-button-group .ks-button:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ks-button-group .ks-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ks-button-group .ks-button-large:first-child {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ks-button-group .ks-button-large:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ks-button-group .ks-button-hover,
.ks-button-group .ks-button:hover,
.ks-button-group .ks-button:focus,
.ks-button-group .ks-button:active,
.ks-button-group .ks-button-focused,
.ks-button-group .ks-button-active {
  z-index: 2;
}
